#nav {
	vertical-align:bottom;
	height:30px;
	text-align:left;
	opacity:0.8;
}

#sub-menu, #sub-menu ul, #sub-menu li, #sub-menu a, #sub-menu span {
    border: none;
    margin: 0;
    outline: medium none;
    padding: 0;
}
#sub-menu li {
    list-style: none outside none;
}
#sub-menu li > a {
  
    display: block;
    font: bold 12px/32px Arial,sans-serif;
    height: 32px;
    min-width: 110px;
    padding: 0 10px 0 10px;
    position: relative;
    
}
#sub-menu > li:hover > a, #sub-menu > li:target > a {
    background: -moz-linear-gradient(center top , #b19099 0%, #936975 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(center top , #b19099 0%, #936975 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #b19099 0%, #936975 100%) repeat scroll 0 0 transparent;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}


#sub-menu > li > a:before {
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    height: 48px;
    left: 0;
    margin: 4px 8px;
    position: absolute;
    top: 0;
    width: 24px;
}
#sub-menu li.li1 > a:before {
    background-position: 0 0;
}
#sub-menu li.li1:hover > a:before, #sub-menu li.li1:target > a:before {
    background-position: 0 -24px;
}
#sub-menu li.li2 > a:before {
    background-position: -24px 0;
}
#sub-menu li.li2:hover > a:before, #sub-menu li.li2:target > a:before {
    background-position: -24px -24px;
}
#sub-menu li.li3 > a:before {
    background-position: -48px 0;
}
#sub-menu li.li3:hover > a:before, #sub-menu li.li3:target > a:before {
    background-position: -48px -24px;
}
#sub-menu li.li4 > a:before {
    background-position: -72px 0;
}
#sub-menu li.li4:hover > a:before, #sub-menu li.li4:target > a:before {
    background-position: -72px -24px;
}
#sub-menu li.li5 > a:before {
    background-position: -96px 0;
}
#sub-menu li.li5:hover > a:before, #sub-menu li.li5:target > a:before {
    background-position: -96px -24px;
}
#sub-menu li.li6 > a:before {
    background-position: -120px 0;
}
#sub-menu li.li6:hover > a:before, #sub-menu li.li6:target > a:before {
    background-position: -120px -24px;
}
#sub-menu li.li7 > a:before {
    background-position: -144px 0;
}
#sub-menu li.li7:hover > a:before, #sub-menu li.li7:target > a:before {
    background-position: -144px -24px;
}
.sub-menu li{
	display:block;
	float:left;
	width:100%;
	height:30px;
}
.sub-menu li a {
	color: #593741;
	background: none repeat scroll 0 0 #E5E5E5;
	border-bottom: 1px solid #C9C9C9;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 0 rgba(0, 0, 0, 0.1);      
	
}
.sub-menu li a p{
	
	margin-top:0px;
}

.sub-menu li a:hover{
    background: none repeat scroll 0 0 #EFEFEF;
	color:#000 ;
}


#sub-menu li:target > .sub-menu{
    height: auto;
}
.active> .sub-menu {
    height: auto;
    overflow: hidden;
}
.sub-menu {
    -moz-transition: height 0.2s ease-in-out 0s;
	-webkit-transition: height 0.2s ease-in-out 0s;
	-o-transition: height 0.2s ease-in-out 0s;
    height: 0;
    overflow: hidden;
}
.active{
	background: -moz-linear-gradient(center top , #b19099 0%, #936975 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(center top , #b19099 0%, #936975 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #b19099 0%, #936975 100%) repeat scroll 0 0 transparent;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}
